<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition template="templates/template.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"                
                xmlns:p="http://primefaces.org/ui"
                xmlns:f="http://java.sun.com/jsf/core">

    <ui:define name="tituloPagina">Listado Alumnos</ui:define>

    <ui:define name="menuIzquierda">
        <h:form>
            <p:panelMenu >
                <p:submenu label="Opciones">
                    <p:menuitem value="Administración"   icon="ui-icon-wrench"  url="ListadoAlumnos.jsf"/>
                    <p:menuitem value="Crear Alumno"  icon="ui-icon-document" url="CrearAlumnos.jsf" />
                </p:submenu>
                <p:separator />
                <p:submenu label="Reportes">
                    <p:menuitem value="Listado de Alumnos"  icon="ui-icon-note" url="RepoListaAlumnos.jsf"/>
                </p:submenu>
            </p:panelMenu>
        </h:form>
    </ui:define>

    <ui:define name="contenido">

        <h:form prependId="false" id="frmPrincipal">

            <div class="ui-widget-header" style="margin-bottom: 8px;font-size: 16px;padding-left: 10px;">
                <h:outputText value="Administración de Alumnos" />
            </div>

            <!-- CONFIGURACIÓN TABLA -->
            <h:panelGroup id="pnlTabela">                
                <p:dataTable value="#{controladorAlumno.listaAlumnos}" var="tabla" rows="10" paginator="true" paginatorAlwaysVisible="false"
                             rowIndexVar="rowNumber"  filteredValue="#{controladorAlumno.filtroAlumnos}" paginatorPosition="bottom"  style="overflow: auto"  >

                    <p:column width="60">
                        <p:commandLink     title="Modificar" action="#{controladorAlumno.cargarRepresentante}"
                                           oncomplete="wdlgDetalle.show()" 
                                           update=":frmFormulario">
                            <p:graphicImage url="../imagenes/im_modificar.png" 
                                            style="vertical-align: middle; border: none"/>
                            <f:setPropertyActionListener
                                target="#{controladorAlumno.aluAlumno}" value="#{tabla}" />

                        </p:commandLink>
                        <p:spacer width="10"/>
                        <p:commandLink action="#{controladorAlumno.eliminar}" 
                                       title="Eliminar"
                                       update=":frmPrincipal:pnlTabela">
                            <p:graphicImage url="../imagenes/im_eliminar.png" 
                                            style="vertical-align: middle; border: none"/>
                            <f:setPropertyActionListener
                                target="#{controladorAlumno.aluAlumno}" value="#{tabla}" />
                        </p:commandLink>
                    </p:column>



                    <p:column headerText="CEDULA" filterBy="#{tabla.aluCedula}">
                        <h:outputText value="#{tabla.aluCedula}"/>                     
                    </p:column>
                    <p:column headerText="APELLIDOS" filterBy="#{tabla.aluApellidos}" sortBy="#{tabla.aluApellidos}" >
                        <h:outputText value="#{tabla.aluApellidos}"/>
                    </p:column>
                    <p:column headerText="NOMBRES" filterBy="#{tabla.aluNombres}" sortBy="#{tabla.aluNombres}" >
                        <h:outputText value="#{tabla.aluNombres}"/>
                    </p:column>

                    <p:column headerText="DIRECCIÓN">
                        <h:outputText value="#{tabla.aluDireccion}"/>
                    </p:column>
                    <p:column headerText="SEXO" sortBy="#{tabla.aluSexo}" >
                        <h:outputText value="#{tabla.aluSexo}"/>
                    </p:column>
                    <p:column headerText="FECHA DE NACIMIENTO" sortBy="#{tabla.aluFechanacimiento}" >
                        <h:outputText value="#{tabla.aluFechanacimiento}">
                            <f:convertDateTime type="date" dateStyle="short"/>
                        </h:outputText>
                    </p:column>
                    <p:column headerText="LUGAR NACIMIENTO" sortBy="#{tabla.aluLugarnacimiento}" >
                        <h:outputText value="#{tabla.aluLugarnacimiento}"/>
                    </p:column>
                    <p:column headerText="NOMBRE PADRE" sortBy="#{tabla.aluPadre}">
                        <h:outputText value="#{tabla.aluPadre}"/>
                    </p:column>
                    <p:column headerText="PROFESIÓN PADRE">
                        <h:outputText value="#{tabla.aluPrfpadre}"/>
                    </p:column>
                    <p:column headerText="NOMBRE MADRE" sortBy="#{tabla.aluMadre}" >
                        <h:outputText value="#{tabla.aluMadre}"/>
                    </p:column>
                    <p:column headerText="PROFESIÓN MADRE">
                        <h:outputText value="#{tabla.aluPrfmadre}"/>
                    </p:column>

                </p:dataTable>
            </h:panelGroup>

        </h:form>







        <!-- CONFIGURACIÓN FORMULARIO -->
        <p:dialog id="dlgDetalhe" 
                  widgetVar="wdlgDetalle" 
                  modal="true" 
                  resizable="false"
                  appendToBody="true"
                  closable="true" 
                  header="Datos del Alumno" 
                  styleClass="dialogoSemScroll" >

            <h:form id="frmFormulario">
                <h:panelGrid id="pnlDetalhe" 
                             columns="1" 
                             >
                    <p:fieldset legend="DATOS DEL ALUMNO">
                        <h:panelGrid columns="8">
                            <h:outputText value="Cédula :*"/>
                            <p:inputMask mask="9999999999" size="15" id="txtCedula" required="true" value="#{controladorAlumno.aluAlumno.aluCedula}" requiredMessage="Debe ingresar la Cédula del Alumno" />                    
                            <h:outputText value="Sexo :*" />
                            <p:selectOneMenu value="#{controladorAlumno.aluAlumno.aluSexo}">
                                <f:selectItem itemValue="M" itemLabel="MASCULINO"/> 
                                <f:selectItem itemValue="F" itemLabel="FEMENINO"/>
                            </p:selectOneMenu>  
                            <h:outputText value="Fecha de Nacimiento :*"/>
                            <p:calendar value="#{controladorAlumno.aluAlumno.aluFechanacimiento}" pattern="dd-MM-yyyy" size="10" required="true" requiredMessage="Debe ingresar la Fecha de Nacimiento del Alumno"/>

                        </h:panelGrid>
                        <h:panelGrid columns="4">
                            <h:outputText value="Nombres :*"/>
                            <p:inputText required="true" value="#{controladorAlumno.aluAlumno.aluNombres}" size="45" requiredMessage="Debe ingresar los Nombres del Alumno"/>
                            <h:outputText value="Apellidos :*"/>
                            <p:inputText required="true" size="45" value="#{controladorAlumno.aluAlumno.aluApellidos}" requiredMessage="Debe ingresar los Apellidos del Alumno"/>
                        </h:panelGrid>
                        <h:panelGrid columns="4">
                            <h:outputText value="Dirección :*"/>
                            <p:inputText size="60" required="true" value="#{controladorAlumno.aluAlumno.aluDireccion}" requiredMessage="Debe ingresar la Dirección del Alumno"/>
                            <h:outputText value="Nacionalidad :"/>
                            <p:inputText  value="#{controladorAlumno.aluAlumno.aluLugarnacimiento}"/>

                        </h:panelGrid>



                        <p:fieldset legend="DATOS DE LOS PADRES">
                            <h:panelGrid columns="4">
                                <h:outputText value="Nombres del Padre :"/>
                                <p:inputText value="#{controladorAlumno.aluAlumno.aluPadre}"/>
                                <h:outputText value="Profesión del Padre :"/>
                                <p:inputText  value="#{controladorAlumno.aluAlumno.aluPrfpadre}"/>
                                <h:outputText value="Nombres de la Madre :"/>
                                <p:inputText value="#{controladorAlumno.aluAlumno.aluMadre}"/>
                                <h:outputText value="Profesión de la Madre :"/>
                                <p:inputText value="#{controladorAlumno.aluAlumno.aluPrfmadre}"/>
                            </h:panelGrid>
                        </p:fieldset>


                        <p:fieldset legend="DATOS DEL REPRESENTANTE">
                            <h:panelGrid columns="4">
                                <h:outputText value="Nombre del Representante :*"/>
                                <p:inputText value="#{controladorAlumno.repRepresentante.repNombres}" required="true" requiredMessage="Debe ingresar el Nombre del Representante"/>
                                <h:outputText value="Parentesco del Representante :*"/>
                                <p:inputText value="#{controladorAlumno.repRepresentante.repParentesco}" required="true" requiredMessage="Debe ingresar el Parentesco del Representante"/>
                                <h:outputText value="Teléfono del Representante :"/>
                                <p:inputMask id="txtTelef" value="#{controladorAlumno.repRepresentante.repTelefono}" mask="9999999"/>                                
                                <h:outputText value="Celular del Representante :"/>
                                <p:inputMask id="txtCelular" value="#{controladorAlumno.repRepresentante.repCelular}" mask="9999999999"/>
                                <p:watermark for="txtTelef" value="Ejemplo: 2568135"/>
                                <p:watermark for="txtCelular" value="Ejemplo: 0983113547"/>
                            </h:panelGrid>
                        </p:fieldset>
                    </p:fieldset>

                    <f:facet name="footer">
                        <p:toolbar>
                            <p:toolbarGroup>
                                <p:commandButton action="#{controladorAlumno.guardar}" 
                                                 value="Guardar" icon="ui-guardar" update=":frmPrincipal" />
                            </p:toolbarGroup>
                        </p:toolbar>
                    </f:facet>   
                </h:panelGrid>
            </h:form>


        </p:dialog>

    </ui:define>
</ui:composition>